<template>
  <div class="settings-page">
    <h2>系统设置</h2>
    <el-form label-width="80px" style="margin-top:20px;max-width:400px;">
      <el-form-item label="站点名称">
        <el-input v-model="siteName" />
      </el-form-item>
    </el-form>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const siteName = ref('后台管理系统')
</script>

<style scoped>
.settings-page {
  animation: fadein 0.5s;
}
@keyframes fadein {
  from { opacity: 0; }
  to { opacity: 1; }
}
</style>
